/** 定义全局变量和全局方法的 */

// 定义颜色 -- less定义变量以@开头
@c1: #030852;
@c2: #061178;
@c3: #10239e;
@c4: #1d39c4;
@c5: #2f54eb;
@c6: #597ef7;
@c7: #85a5ff;
@c8: #adc6ff;
@c9: #d6e4ff;
@c10: #f0f5ff;
@cf: #fff;
@12: 12px;


// 深色系
@a1: #f56e00;
@a2: #3d8cf7;
@a3: #25aa61;
@a4: #fb5454;

// 浅色系
@b1: #fef0e5;
@b2: #eef0f4;
@b3: #f3f3f7;

// 文字颜色
@c1: #303133;
@c2: #606266;
@c3: #909399;
@c4: #c0c4cc;


// 定义一个less方法
.my-box() {
    display: block;
    position: relative;
    height: 100%;
}



// 定义字体方法
// less方法可以传值，定义变量，然后可以给定初始值
.nuolai-ft(@size: 1.1rem, @color: @c3) {
    font-family: "nuolai-font";
    font-size: @size;
    font-style: normal;
    color: @color;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// 清除浮动的方法
.clear() {
    &::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        clear: both;
    }
}